/**
 * @file: 
 * @author: Lengxx
 * @date: 2024-06-18
 */
<template>
  <PageWrapper title="个人中心" class="h-full" >
    <div class="bg-white pt-4 pb-4 h-full">
      <Tabs tabPosition="left" size="large" class="h-full">
        <TabPane key="1" tab="基本信息">
          <BasicInfo />
        </TabPane>
        <TabPane key="2" tab="修改密码">
          <UpdatePassword />
        </TabPane>
      </Tabs>
    </div>
  </PageWrapper>
</template>

<script lang="ts" setup>
import {} from 'vue'
import { Tabs, TabPane } from 'ant-design-vue'
import { PageWrapper } from '@/components/Page'
import BasicInfo from './BasicInfo.vue'
import UpdatePassword from './UpdatePassword.vue'

</script>

<style lang="less" scoped>
::v-deep(.vben-page-wrapper-content) {
  height: calc(100vh - 192px);;
}
</style>
